import './assets/index.css'
import './assets/index.less'
import './assets/index.scss'
console.log('Hello World')

let arr = [1, 2, ,3, 4, 5, 6, 7, 8, 9]

arr.map(item => {
    console.log(item)
})

class Animal {
    constructor(){
        this.type = 'animal'
    }
    says(say){
        console.log(this.type + ' says ' + say)
 
    }
}
let animal = new Animal()
animal.says('hello')

console.log('-----------22')
import './echart'


function getComponent() {
    // Lodash, now imported by this script
    return import("lodash")
      .then(({ default: _ }) => {
        const element = document.createElement("div");
  
        element.innerHTML = _.join(["Hello", "webpack"], " ");
  
        return element;
      })
      .catch((error) => "An error occurred while loading the component");
  }
  
  const button = document.createElement("button");
  
  button.innerHTML = "Click me ";
  
  button.onclick = () => {
    getComponent().then((component) => {
      document.body.appendChild(component);
    });
  };
  
  document.body.appendChild(button);
  try {
    console.log(process.env)
  } catch (error) {
    
  }
  import $ from 'jquery'
  console.log($('#main'))